@charset "utf-8";
/* CSS By 应用市场 */

body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color:#333333;}
img { border:none;}
body{ font-size:14px; font-family: Arial, Helvetica,"微软雅黑"; background:#fff; color: #000; max-width: 550px; margin: 0 auto}
.clear{ zoom:1;}
.clear:after{ content:''; display:block; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.fr{ float:right;}
select{
    -webkit-appearance: listbox;
    padding-left: 10px;
    box-sizing: border-box;
    background: #fff
}

.zd-title>i{
    transition: all 0.5s ease 0s
}

header{
    height: 50px;
    background: #5AB1A6;
    text-align: center;
    color: #fff;
    position: fixed;
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    top: 0;
    line-height: 50px;
    border-bottom: 1px solid #51A399;
    z-index: 2;
    font-size:20px
}
header h1{
    font-size: 16px;
    font-weight: normal
}



.icon-back {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(../images/icon-back.png) no-repeat center;
    background-size: 22px
}
header .icon-back{
    position: absolute;
    left: 0;
    top: 0
}

.main {
    max-width: 550px;
    margin: 0 auto;
    border-top:6px solid  #64C9BC;
    border-bottom:10px solid  #64C9BC;
    margin-top: 50px;
    position: relative;
    z-index: 1
}

.content-list li{
    position: relative;
    padding: 12px 15px 12px 90px;
    font-size: 14px;
    line-height: 22px;
    border-bottom: 1px solid #64C9BC;
    min-height: 20px
}
.list-name{
    position: absolute;
    left: 15px;
    color: #248C89
}


.content-title {
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #00827F;
    font-size: 14px
}
.content-p{
    padding: 10px 15px;
    line-height: 22px
}
.content-p p{
    margin: 8px 0
}
.txt-c{
    text-align: center
}
.txt-l{
    text-align: left
}
.txt-r{
    text-align: right
}

.main-zt {
    height: 40px;
    background: #64C9BC;
    color: #fff;
    text-align: center;
    padding:10px 0 10px 0;
    position: relative
}
.main-zt>i{
    height: 1px;
    border-top: 1px solid #00827F;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    display: block;
    top: 50%;
    z-index: 1
}
.main-zt>div{
    padding: 0 3%;
    position: relative;
    z-index: 2
}
.main-zt>div>span{
    display:inline-block;
    width: 12%;
    text-align: center;
}
.main-zt>div>span>i{
    display: block;
    width: 40px;
    height: 40px;
    background: #666666;
    text-align: center;
    line-height: 40px;
    font-style: normal;
    border-radius: 50%;
    font-size: 12px
}
.main-zt>div>span.active>i{
    background: #00827F
}
.main-zt>div>span.on>i{
    background: #FF7800
}

.content-zd {
    border-top: 25px solid #64C9BC;
    border-bottom: 25px solid #64C9BC;
}
.content-zd li.on .zd-title>i{
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.content-zd li.on .zd-content{
    display: block
}
.zd-title {
    padding: 0 10px;
    height: 40px;
    background: #00827F;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    position: relative;
    border-bottom: 1px solid #014140;
    border-top: 1px solid #64C9BC;
}
.zd-title>i{
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -11px;
    border-radius: 50%;
    background:#FF7800 url(../images/icon-zd.png) no-repeat 6px center;
    background-size: 14px
    
}

.zd-list01 {
    overflow: hidden;
    width: 100%
}
.zd-list01 li{
    width: 100%;
    float: left;
    border-left: 1px solid #00FFFC;
    border-bottom: 1px solid #64C9BC;
    box-sizing: border-box;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    margin-left: -1px
}
.zd-list01 li>span{
    color: #00827F
}
.zd-list01 li:last-child{
    border: none
}

.zd-list02 li{
    width: 50%;
    float: left;
    line-height: 20px;
    padding: 8px;
    padding-left:33px;
    box-sizing: border-box;
    position: relative;
    min-height: 36px
}
.zd-list02 li>span{
    width: 14px;
    height: 14px;
    border: 1px solid #00827F;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px
}
.zd-list02 li>span.selected>i{
    display: block;
    width: 8px;
    height: 8px;
    background: #FF7800;
    margin: 3px
}
.zd-content{
    display: none;
    border-bottom: 1px solid #014140;
}
.selectedfull li{
    width: 100%!important
}
.zt-list-other{
    width: 100%!important;
    padding-left: 80px!important
}
.zt-list-other>font{
    position: absolute;
    left: 34px
}
.zt-list-other>div{
    border-bottom: 1px solid #00827F;
    min-height: 20px
}

.list-big {
    padding-left: 150px!important
}

.zd-list-fl {
    color: #00827F
}

.ywzx-form {
    background: #64C9BC;
    color: #fff;
    font-size: 14px;
    padding-top: 1px
}
.ywzx-select01{
    padding: 0 10px 0 80px;
    position: relative;
    margin-top: 20px
}
.ywzx-name{
    width: 70px;
    position: absolute;
    left: 10px;
    line-height: 40px;
    top: 0
}
.ywzx-select01 select{
    height: 40px;
    width: 100%;
    border: 1px solid #00827F
}
.ywzx-cont02{
    position: relative;
    padding: 40px 10px 10px 10px
}
.ywzx-cont03{
    padding:0 10px 
}
.ywzx-cont03 select{
    width: 100%;
    border: 1px solid #00827F;
    height: 40px;
    line-height: 40px
}
.ywzx-cont02 textarea{
    width: 100%;
    height: 100px;
    border: 1px solid #00827F;
    box-shadow:inset 0 2px 3px rgba(0,0,0,.2)
}
.btn{
    display: inline-block;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff
}
.ywzx-btn{
    padding-left: 10px;
    margin-top: 20px
}
.ywzx-btn li{
    width: 50%;
    float: left
}
.ywzx-btn li a{
    display: block;
    margin-right: 10px
}

.btn-01 {
    background: #FF7800
}
.btn-02 {
    background: #00827F
}

.header-a {
    height: 50px;
    position: absolute;
    right: 10px;
    top: 0;
    color: #fff;
    padding-right:10px;
    font-size:16px
}
.content-zd li.on .zd-content{
    display: block
}